// 下面这个代码处理过度动画（默认加上不用管）
document.addEventListener('DOMContentLoaded', () => {
  setTimeout(() => {
    document.body.classList.add('sidenav-pinned')
    document.body.classList.add('ready')
  }, 200)
})

// Ajax请求根路径
axios.defaults.baseURL = 'http://ajax-api.itheima.net'

  // 提示框组件
  const toastBox = document.querySelector('#myToast')
  const toast = new bootstrap.Toast(toastBox)
  const tip = (msg) => {
    toastBox.querySelector('.toast-body').innerHTML = msg
    toast.show()
  }

  // 全局配置请求头
  axios.defaults.headers.common['Authorization'] = localStorage.getItem('user-token');

  // 添加响应拦截器
  axios.interceptors.response.use(function (response) {
    
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    return response;
  }, function (error) {
    // 超出 2xx 范围的状态码都会触发该函数。
    tip(error.response.data.message);

    console.dir(error);
    if(error.response.status === 401){
      localStorage.removeItem('user-name')
      localStorage.removeItem('user-token')
      location.href = './login.html'
    }
    // 对响应错误做点什么
    return Promise.reject(error);
  });
